*,*:before,*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif
}

@keyframes orb-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes dot-bounce {
    0%,60%,to {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-5px)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#chat-msgs::-webkit-scrollbar {
    width: 4px
}

#chat-msgs::-webkit-scrollbar-thumb {
    background: #0000001a;
    border-radius: 4px
}

textarea:focus {
    outline: none
}

textarea {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif
}